<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品列表</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/slider.css">
    <link rel="stylesheet" href="./css/productList.css">
</head>
<body>
    <!-- 头部 -->
    <div class="head">
        <div class="top">
            <div class="topLink fr fs14 ">
                <span>欢迎光临</span>
                <a href="./homePage.html">乐购</a>
                <span>，请</span>
                <a href="./login.html">登录</a>
                <span>/</span>
                <a href="./register.html">注册</a>
            </div>
        </div>
        <div class="wrapper searchBar">
            <div class="fr bar fs16">
                <input type="text" class="search-box fl" placeholder="创意文具">
                <input type="button" class="search-btn fl ">
                <a href="./shoppingTrolley.html" class="shoppingCart">
                    <span></span>
                    购物车
                </a>
                <a href="./shoppingTrolley.html" class="orderForm">我的订单</a>
            </div>
        </div>
    </div>
    <!-- 顶部链接和logo -->
    <div class="main wrapper">
        <div class="navTop">
            <img src="./imgs/02-产品列表_02.jpg">
            <ul class="navText">
                <li><a>图书</a></li>
                <li><a>电子书</a></li>
                <li><a>原创文学</a></li>
                <li><a>服装</a></li>
                <li><a>运动户外</a></li>
                <li><a>孕婴童</a></li>
                <li><a>家居</a></li>
                <li><a>创意文具</a></li>
                <li><a>地方特产</a></li>
                <li><a>海外购</a></li>
                <li><a>电器城</a></li>
            </ul>
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="clearfix wrapper">
        <div class="pptbox fl" id="proSlider">
            <ul class="innerwrapper">
                <li>
                    <a href="#">
                        <img src="./imgs/banner1.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./imgs/banner2.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./imgs/banner3.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./imgs/banner4.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./imgs/banner5.jpg" />
                    </a>
                </li>
            </ul>
            <ul class="controls">
                <li class="current">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
            </ul>
            <span class="btnleft"></span>
            <span class="btnright"></span>
        </div>
        
    </div>
    <div class="wrapper bigImg">
        <img src="./imgs/11-会员中心（首页）_28.jpg" alt="">
    </div>
    <!-- 图书折扣区 -->
    <div class="bookSale bt wrapper">
        <h3 >乐购·图书折扣区域</h3>
        <div class="ebook bt clearfix"> 
            <div>
                <p><img src="./imgs/素材图片/书籍/22935553-1_l.jpg" alt=""></p>
                <p><img src="./imgs/02-产品列表_03.jpg" alt=""></p>
                <p class="fs14 pl10">白夜行 东野圭吾</p>
                <p class="pl10"><img src="./imgs/02-产品列表_07.jpg" alt=""></p>
                <p class="pl10"><span class="color_r fs24">￥38</span>  <span class="fs24 color_g">￥58</span></p>
            </div>
            <div class="ml37">
                <p><img src="./imgs/素材图片/书籍/22935553-1_l.jpg" alt=""></p>
                <p><img src="./imgs/02-产品列表_03.jpg" alt=""></p>
                <p class="fs14 pl10">白夜行 东野圭吾</p>
                <p class="pl10"><img src="./imgs/02-产品列表_07.jpg" alt=""></p>
                <p class="pl10"><span class="color_r fs24">￥38</span>  <span class="fs24 color_g">￥58</span></p>
            </div>
            <div class="ml37">
                <p><img src="./imgs/素材图片/书籍/22935553-1_l.jpg" alt=""></p>
                <p><img src="./imgs/02-产品列表_03.jpg" alt=""></p>
                <p class="fs14 pl10">白夜行 东野圭吾</p>
                <p class="pl10"><img src="./imgs/02-产品列表_07.jpg" alt=""></p>
                <p class="pl10"><span class="color_r fs24">￥38</span>  <span class="fs24 color_g">￥58</span></p>
            </div>
            <div class="ml37">
                <p><img src="./imgs/素材图片/书籍/22935553-1_l.jpg" alt=""></p>
                <p><img src="./imgs/02-产品列表_03.jpg" alt=""></p>
                <p class="fs14 pl10">白夜行 东野圭吾</p>
                <p class="pl10"><img src="./imgs/02-产品列表_07.jpg" alt=""></p>
                <p class="pl10"><span class="color_r fs24">￥38</span>  <span class="fs24 color_g">￥58</span></p>
            </div>
            <div class="ml37">
                <p><img src="./imgs/素材图片/书籍/22935553-1_l.jpg" alt=""></p>
                <p><img src="./imgs/02-产品列表_03.jpg" alt=""></p>
                <p class="fs14 pl10">白夜行 东野圭吾</p>
                <p class="pl10"><img src="./imgs/02-产品列表_07.jpg" alt=""></p>
                <p class="pl10"><span class="color_r fs24">￥38</span>  <span class="fs24 color_g">￥58</span></p>
            </div>
            <div>
                <p><img src="./imgs/素材图片/书籍/22788959-1_l.jpg" alt=""></p>
                <p><img src="./imgs/02-产品列表_03.jpg" alt=""></p>
                <p class="fs14 pl10">白夜行 东野圭吾</p>
                <p class="pl10"><img src="./imgs/02-产品列表_07.jpg" alt=""></p>
                <p class="pl10"><span class="color_r fs24">￥30</span>  <span class="fs24 color_g">￥46</span></p>
            </div>
            <div class="ml37">
                <p><img src="./imgs/素材图片/书籍/22788959-1_l.jpg" alt=""></p>
                <p><img src="./imgs/02-产品列表_03.jpg" alt=""></p>
                <p class="fs14 pl10">白夜行 东野圭吾</p>
                <p class="pl10"><img src="./imgs/02-产品列表_07.jpg" alt=""></p>
                <p class="pl10"><span class="color_r fs24">￥30</span>  <span class="fs24 color_g">￥46</span></p>
            </div>
            <div class="ml37">
                <p><img src="./imgs/素材图片/书籍/22788959-1_l.jpg" alt=""></p>
                <p><img src="./imgs/02-产品列表_03.jpg" alt=""></p>
                <p class="fs14 pl10">白夜行 东野圭吾</p>
                <p class="pl10"><img src="./imgs/02-产品列表_07.jpg" alt=""></p>
                <p class="pl10"><span class="color_r fs24">￥30</span>  <span class="fs24 color_g">￥46</span></p>
            </div>
            <div class="ml37">
                <p><img src="./imgs/素材图片/书籍/22788959-1_l.jpg" alt=""></p>
                <p><img src="./imgs/02-产品列表_03.jpg" alt=""></p>
                <p class="fs14 pl10">白夜行 东野圭吾</p>
                <p class="pl10"><img src="./imgs/02-产品列表_07.jpg" alt=""></p>
                <p class="pl10"><span class="color_r fs24">￥30</span>  <span class="fs24 color_g">￥46</span></p>
            </div>
            <div class="ml37">
                <p><img src="./imgs/素材图片/书籍/22788959-1_l.jpg" alt=""></p>
                <p><img src="./imgs/02-产品列表_03.jpg" alt=""></p>
                <p class="fs14 pl10">白夜行 东野圭吾</p>
                <p class="pl10"><img src="./imgs/02-产品列表_07.jpg" alt=""></p>
                <p class="pl10"><span class="color_r fs24">￥30</span>  <span class="fs24 color_g">￥46</span></p>
            </div>


        </div>
    </div>
    <!-- 新书上架 -->
    <div class="bookBox wrapper clearfix">
        <div class="bookLeft fl">
            <h3 class="bb"><span class="fs28 color_w">新</span>书上架</h3>
            <div class="bookList">
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/22928335-1_l.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/22928335-1_l.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/22928335-1_l.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/22928335-1_l.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/22928335-1_l.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/22499729-1_l_5.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/22499729-1_l_5.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/22499729-1_l_5.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/22499729-1_l_5.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/22499729-1_l_5.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>

                
            </div>
        </div>
        <div class="bookRight fr">
            <h3 class="fs24 tcenter">新书排行榜</h3>
            <ul>
                <li class="active">
                    <span class="num color_r">1</span>
                    <h6 class="title fs16">就喜欢你看不惯我</h6>
                    <div class="imgdesc clearfix">
                        <img class="fl" src="./imgs/index08_05.jpg" alt="">
                        <p class="desc">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li>
                    <span class="num color_r">2</span>
                    <h6 class="title fs16">就喜欢你看不惯我</h6>
                    <div class="imgdesc clearfix">
                        <img class="fl" src="./imgs/index08_05.jpg" alt="">
                        <p class="desc">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li>
                    <span class="num color_r">3</span>
                    <h6 class="title fs16">就喜欢你看不惯我</h6>
                    <div class="imgdesc clearfix">
                        <img class="fl" src="./imgs/index08_05.jpg" alt="">
                        <p class="desc">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li>
                    <span class="num">4</span>
                    <h6 class="title fs16">就喜欢你看不惯我</h6>
                    <div class="imgdesc clearfix">
                        <img class="fl" src="./imgs/index08_05.jpg" alt="">
                        <p class="desc">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li>
                    <span class="num">5</span>
                    <h6 class="title fs16">就喜欢你看不惯我</h6>
                    <div class="imgdesc clearfix">
                        <img class="fl" src="./imgs/index08_05.jpg" alt="">
                        <p class="desc">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li>
                    <span class="num">6</span>
                    <h6 class="title fs16">就喜欢你看不惯我</h6>
                    <div class="imgdesc clearfix">
                        <img class="fl" src="./imgs/index08_05.jpg" alt="">
                        <p class="desc">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li>
                    <span class="num">7</span>
                    <h6 class="title fs16">就喜欢你看不惯我</h6>
                    <div class="imgdesc clearfix">
                        <img class="fl" src="./imgs/index08_05.jpg" alt="">
                        <p class="desc">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li>
                    <span class="num">8</span>
                    <h6 class="title fs16">就喜欢你看不惯我</h6>
                    <div class="imgdesc clearfix">
                        <img class="fl" src="./imgs/index08_05.jpg" alt="">
                        <p class="desc">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 独家提供 -->
    <div class="exclusive wrapper">
        <div class="common_title clearfix bb">
            <h3 class="fl fs22"><span class="fs28 color_w">独</span>家提供</h3>
            <ul class="fr fs18">
                <li class="fl active">社会文学</li>
                <li class="fl">儿童文学</li>
                <li class="fl">科学技术</li>
            </ul>
        </div>
        <div class="common_body wrapper">
            <div class="common_main cur">
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/23418061-1_l.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/23418061-1_l.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/23418061-1_l.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/23418061-1_l.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/23418061-1_l.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/23418061-1_l.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/22913031-1_l.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/22913031-1_l.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/22913031-1_l.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/22913031-1_l.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/22913031-1_l.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/22913031-1_l.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
            </div>
            <div class="common_main">
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/童书2.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/童书2.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/童书2.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/童书2.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/童书2.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/童书2.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/童书3.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/童书3.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/童书3.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/童书3.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/童书3.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/童书3.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                
            </div>
            <div class="common_main">
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/科学1.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/科学1.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/科学1.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/科学1.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/科学1.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/科学1.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/科学2.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
                <div class="fl">
                    <p><img src="./imgs/素材图片/书籍/科学2.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div><div class="fl">
                    <p><img src="./imgs/素材图片/书籍/科学2.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div><div class="fl">
                    <p><img src="./imgs/素材图片/书籍/科学2.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div><div class="fl">
                    <p><img src="./imgs/素材图片/书籍/科学2.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div><div class="fl">
                    <p><img src="./imgs/素材图片/书籍/科学2.jpg" alt=""></p>
                    <p class="fs14 lh20">查理 斯密斯</p>
                    <p class="fs14 lh20">中国邮电出版社</p>
                    <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
                </div>
            </div>
        </div>
    </div>
    <!-- 猜你喜欢 -->
    <div class="youLike wrapper clearfix">
        <div class="likeMain">
            <h3 class="bb"><span class="fs28 color_w">猜</span>你喜欢</h3>
            <div class="fl">
                <p><img src="./imgs/素材图片/书籍/猜你1.jpg" alt=""></p>
                <p class="fs14 lh20">查理 斯密斯</p>
                <p class="fs14 lh20">中国邮电出版社</p>
                <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
            </div>
            <div class="fl">
                <p><img src="./imgs/素材图片/书籍/猜你1.jpg" alt=""></p>
                <p class="fs14 lh20">查理 斯密斯</p>
                <p class="fs14 lh20">中国邮电出版社</p>
                <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
            </div>
            <div class="fl">
                <p><img src="./imgs/素材图片/书籍/猜你1.jpg" alt=""></p>
                <p class="fs14 lh20">查理 斯密斯</p>
                <p class="fs14 lh20">中国邮电出版社</p>
                <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
            </div>
            <div class="fl">
                <p><img src="./imgs/素材图片/书籍/猜你1.jpg" alt=""></p>
                <p class="fs14 lh20">查理 斯密斯</p>
                <p class="fs14 lh20">中国邮电出版社</p>
                <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
            </div>
            <div class="fl">
                <p><img src="./imgs/素材图片/书籍/猜你1.jpg" alt=""></p>
                <p class="fs14 lh20">查理 斯密斯</p>
                <p class="fs14 lh20">中国邮电出版社</p>
                <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
            </div>
            <div class="fl">
                <p><img src="./imgs/素材图片/书籍/猜你1.jpg" alt=""></p>
                <p class="fs14 lh20">查理 斯密斯</p>
                <p class="fs14 lh20">中国邮电出版社</p>
                <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
            </div>
            <div class="fl">
                <p><img src="./imgs/素材图片/书籍/猜你2.jpg" alt=""></p>
                <p class="fs14 lh20">查理 斯密斯</p>
                <p class="fs14 lh20">中国邮电出版社</p>
                <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
            </div>
            <div class="fl">
                <p><img src="./imgs/素材图片/书籍/猜你2.jpg" alt=""></p>
                <p class="fs14 lh20">查理 斯密斯</p>
                <p class="fs14 lh20">中国邮电出版社</p>
                <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
            </div>
            <div class="fl">
                <p><img src="./imgs/素材图片/书籍/猜你2.jpg" alt=""></p>
                <p class="fs14 lh20">查理 斯密斯</p>
                <p class="fs14 lh20">中国邮电出版社</p>
                <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
            </div>
            <div class="fl">
                <p><img src="./imgs/素材图片/书籍/猜你2.jpg" alt=""></p>
                <p class="fs14 lh20">查理 斯密斯</p>
                <p class="fs14 lh20">中国邮电出版社</p>
                <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
            </div>
            <div class="fl">
                <p><img src="./imgs/素材图片/书籍/猜你2.jpg" alt=""></p>
                <p class="fs14 lh20">查理 斯密斯</p>
                <p class="fs14 lh20">中国邮电出版社</p>
                <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
            </div>
            <div class="fl">
                <p><img src="./imgs/素材图片/书籍/猜你2.jpg" alt=""></p>
                <p class="fs14 lh20">查理 斯密斯</p>
                <p class="fs14 lh20">中国邮电出版社</p>
                <p class="lh20"><span class="color_o fs18">￥49</span>&emsp;<span class="color_g fs18">￥79</span></p>
            </div>
        </div>
    </div>
    <!-- 打折区 -->
    <div class="onSale wrapper clearfix">
        <img src="./imgs/素材图片/促销活动用图/2016080314240628345.jpg" alt="" class="fl">
        <img src="./imgs/素材图片/促销活动用图/2016080314240628345.jpg" alt="" class="fl"><img src="./imgs/素材图片/促销活动用图/2016080314240628345.jpg" alt="" class="fl"><img src="./imgs/素材图片/促销活动用图/2016080314240628345.jpg" alt="" class="fl"><img src="./imgs/素材图片/促销活动用图/2016080314240628345.jpg" alt="" class="fl"><img src="./imgs/素材图片/促销活动用图/2016080314240628345.jpg" alt="" class="fl">

    </div>
    <div class="wrapper bigImg">
        <img src="./imgs/11-会员中心（首页）_28.jpg" alt="">
    </div>
    

    
     <!-- 尾部 -->
     <footer>
        <div class="footTop">
            <div class="wrapper">
                <div class="pics">
                    <img src="./imgs/222_11.png" alt="">
                    <img src="./imgs/222_13(1).png" alt="">
                    <img src="./imgs/222_15.png" alt="">
                    <img src="./imgs/222_17.png" alt="">
                </div>
            </div>
        </div>
        <div class="wrapper service clearfix">
            <ul class="fl">
                <li class="title"><a href="#"> 购物指南</a></li>
                <li><a href="#"> 购物流程</a></li>
                <li><a href="#"> 发票制度</a></li>
                <li><a href="#"> 账户管理</a></li>
                <li><a href="#"> 会员优惠</a></li>
            </ul>
            <ul class="fl">
                <li class="title"><a href="#"> 支付方式</a></li>
                <li><a href="#"> 货到付款</a></li>
                <li><a href="#"> 网上支付</a></li>
                <li><a href="#"> 礼品卡支付</a></li>
                <li><a href="#"> 银行转帐</a></li>

            </ul>
            <ul class="fl">
                <li class="title"><a href="#"> 订单服务</a></li>
                <li><a href="#"> 订单配送查询</a></li>
                <li><a href="#"> 订单状态说明</a></li>
                <li><a href="#"> 自助取消订单</a></li>
                <li><a href="#"> 自助修改订单</a></li>
            </ul>
            <ul class="fl">
                <li class="title"><a href="#"> 退换货</a></li>
                <li><a href="#"> 退换货政策</a></li>
                <li><a href="#"> 自助申请退换货</a></li>
                <li><a href="#"> 退换货进度查询</a></li>
                <li><a href="#"> 退款方式和时间</a></li>
            </ul>
            <ul class="fl">
                <li class="title"><a href="#"> 商家服务</a></li>
                <li><a href="#"> 商家中心</a></li>
                <li><a href="#"> 运营服务</a></li>
                <li><a href="#"> 加入尾品汇</a></li>
            </ul>
            <a href="homePage.html" class="fr">
                <img src="./imgs/logo_00.png" alt="">
            </a>
        </div>
        <div class="wrapper footBottom">
            <div class="fbText">
                <p>
                    <a href="#">公司简介</a> |
                    <a href="#">Investor Relations</a> |
                    <a href="#">网站联盟</a> |
                    <a href="#"> 乐购招商 </a>|
                    <a href="#">机构销售 </a>|
                    <a href="#">手机乐购 </a>|
                    <a href="#">官方Blog </a>|
                    <a href="#">热词搜索</a>
                </p>
                <p>
                    Copyright (C) 乐购网 2004-2016, All Rights Reserved
                </p>
            </div>
        </div>
    </footer>


    <script src="./lib/jquery.min.js"></script>
    <script src="./lib/jquery.slidebox.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/productList.js"></script>
</body>
</html>